/* line 3, bbox.scss */
html,
body {
  border: solid #b27373;
}

/* line 5, bbox.scss */
html {
  background-color: #d6d6d6;
}

/* line 6, bbox.scss */
body {
  background-color: #f5deb3;
}

/* line 8, bbox.scss */
html,
body {
  /* All zero clear */
  margin: 0;
  border-width: 0;
  padding: 0;
}

/* line 15, bbox.scss */
#static, #overflow1-static {
  width: 100px;
  height: 50px;
  background-color: rgba(127, 205, 255, 0.5);
}

/* line 21, bbox.scss */
#absolute, #overflow2-absolute {
  width: 101px;
  height: 51px;
  position: absolute;
  left: 128px;
  top: 128px;
  background-color: rgba(150, 255, 127, 0.5);
}

/* line 30, bbox.scss */
iframe {
  width: 600px;
  height: 400px;
  position: absolute;
  border: 2px solid #009;
  padding: 4px;
  background-color: #eee;
}

/* line 39, bbox.scss */
#iframe1 {
  left: 8px;
  top: 316px;
}

/* line 44, bbox.scss */
#iframe2 {
  left: 32px;
  top: 764px;
}

/* line 52, bbox.scss */
#overflow1,
#overflow2 {
  overflow: auto;
  position: absolute;
  border: 2px solid #090;
  padding: 4px;
  background-color: #eee;
}

/* line 61, bbox.scss */
#overflow1 {
  left: 308px;
  top: 16px;
  width: 400px;
  height: 400px;
}

/* line 68, bbox.scss */
#overflow2 {
  left: 132px;
  top: 64px;
  width: 200px;
  height: 200px;
}

/* line 75, bbox.scss */
.spacer {
  margin: 10px;
  width: 1600px;
  height: 1600px;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a48aa4), color-stop(100%, #dabeda));
  background-image: -moz-linear-gradient(#a48aa4 0%, #dabeda 100%);
  background-image: -webkit-linear-gradient(#a48aa4 0%, #dabeda 100%);
  background-image: linear-gradient(#a48aa4 0%, #dabeda 100%);
}
